<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="Docutils 0.4.1: http://docutils.sourceforge.net/" />
<title>Computación Gráfica: Trabajo Práctico Número 1</title>
<style type="text/css">

/*
:Author: David Goodger
:Contact: goodger@users.sourceforge.net
:Date: $Date: 2005-12-18 01:56:14 +0100 (Sun, 18 Dec 2005) $
:Revision: $Revision: 4224 $
:Copyright: This stylesheet has been placed in the public domain.

Default cascading style sheet for the HTML output of Docutils.

See http://docutils.sf.net/docs/howto/html-stylesheets.html for how to
customize this style sheet.
*/

/* used to remove borders from tables and images */
.borderless, table.borderless td, table.borderless th {
  border: 0 }

table.borderless td, table.borderless th {
  /* Override padding for "table.docutils td" with "! important".
     The right padding separates the table cells. */
  padding: 0 0.5em 0 0 ! important }

.first {
  /* Override more specific margin styles with "! important". */
  margin-top: 0 ! important }

.last, .with-subtitle {
  margin-bottom: 0 ! important }

.hidden {
  display: none }

a.toc-backref {
  text-decoration: none ;
  color: black }

blockquote.epigraph {
  margin: 2em 5em ; }

dl.docutils dd {
  margin-bottom: 0.5em }

/* Uncomment (and remove this text!) to get bold-faced definition list terms
dl.docutils dt {
  font-weight: bold }
*/

div.abstract {
  margin: 2em 5em }

div.abstract p.topic-title {
  font-weight: bold ;
  text-align: center }

div.admonition, div.attention, div.caution, div.danger, div.error,
div.hint, div.important, div.note, div.tip, div.warning {
  margin: 2em ;
  border: medium outset ;
  padding: 1em }

div.admonition p.admonition-title, div.hint p.admonition-title,
div.important p.admonition-title, div.note p.admonition-title,
div.tip p.admonition-title {
  font-weight: bold ;
  font-family: sans-serif }

div.attention p.admonition-title, div.caution p.admonition-title,
div.danger p.admonition-title, div.error p.admonition-title,
div.warning p.admonition-title {
  color: red ;
  font-weight: bold ;
  font-family: sans-serif }

/* Uncomment (and remove this text!) to get reduced vertical space in
   compound paragraphs.
div.compound .compound-first, div.compound .compound-middle {
  margin-bottom: 0.5em }

div.compound .compound-last, div.compound .compound-middle {
  margin-top: 0.5em }
*/

div.dedication {
  margin: 2em 5em ;
  text-align: center ;
  font-style: italic }

div.dedication p.topic-title {
  font-weight: bold ;
  font-style: normal }

div.figure {
  margin-left: 2em ;
  margin-right: 2em }

div.footer, div.header {
  clear: both;
  font-size: smaller }

div.line-block {
  display: block ;
  margin-top: 1em ;
  margin-bottom: 1em }

div.line-block div.line-block {
  margin-top: 0 ;
  margin-bottom: 0 ;
  margin-left: 1.5em }

div.sidebar {
  margin-left: 1em ;
  border: medium outset ;
  padding: 1em ;
  background-color: #ffffee ;
  width: 40% ;
  float: right ;
  clear: right }

div.sidebar p.rubric {
  font-family: sans-serif ;
  font-size: medium }

div.system-messages {
  margin: 5em }

div.system-messages h1 {
  color: red }

div.system-message {
  border: medium outset ;
  padding: 1em }

div.system-message p.system-message-title {
  color: red ;
  font-weight: bold }

div.topic {
  margin: 2em }

h1.section-subtitle, h2.section-subtitle, h3.section-subtitle,
h4.section-subtitle, h5.section-subtitle, h6.section-subtitle {
  margin-top: 0.4em }

h1.title {
  text-align: center }

h2.subtitle {
  text-align: center }

hr.docutils {
  width: 75% }

img.align-left {
  clear: left }

img.align-right {
  clear: right }

ol.simple, ul.simple {
  margin-bottom: 1em }

ol.arabic {
  list-style: decimal }

ol.loweralpha {
  list-style: lower-alpha }

ol.upperalpha {
  list-style: upper-alpha }

ol.lowerroman {
  list-style: lower-roman }

ol.upperroman {
  list-style: upper-roman }

p.attribution {
  text-align: right ;
  margin-left: 50% }

p.caption {
  font-style: italic }

p.credits {
  font-style: italic ;
  font-size: smaller }

p.label {
  white-space: nowrap }

p.rubric {
  font-weight: bold ;
  font-size: larger ;
  color: maroon ;
  text-align: center }

p.sidebar-title {
  font-family: sans-serif ;
  font-weight: bold ;
  font-size: larger }

p.sidebar-subtitle {
  font-family: sans-serif ;
  font-weight: bold }

p.topic-title {
  font-weight: bold }

pre.address {
  margin-bottom: 0 ;
  margin-top: 0 ;
  font-family: serif ;
  font-size: 100% }

pre.literal-block, pre.doctest-block {
  margin-left: 2em ;
  margin-right: 2em ;
  background-color: #eeeeee }

span.classifier {
  font-family: sans-serif ;
  font-style: oblique }

span.classifier-delimiter {
  font-family: sans-serif ;
  font-weight: bold }

span.interpreted {
  font-family: sans-serif }

span.option {
  white-space: nowrap }

span.pre {
  white-space: pre }

span.problematic {
  color: red }

span.section-subtitle {
  /* font-size relative to parent (h1..h6 element) */
  font-size: 80% }

table.citation {
  border-left: solid 1px gray;
  margin-left: 1px }

table.docinfo {
  margin: 2em 4em }

table.docutils {
  margin-top: 0.5em ;
  margin-bottom: 0.5em }

table.footnote {
  border-left: solid 1px black;
  margin-left: 1px }

table.docutils td, table.docutils th,
table.docinfo td, table.docinfo th {
  padding-left: 0.5em ;
  padding-right: 0.5em ;
  vertical-align: top }

table.docutils th.field-name, table.docinfo th.docinfo-name {
  font-weight: bold ;
  text-align: left ;
  white-space: nowrap ;
  padding-left: 0 }

h1 tt.docutils, h2 tt.docutils, h3 tt.docutils,
h4 tt.docutils, h5 tt.docutils, h6 tt.docutils {
  font-size: 100% }

tt.docutils {
  background-color: #eeeeee }

ul.auto-toc {
  list-style-type: none }

</style>
</head>
<body>
<div class="document" id="computaci-n-gr-fica-trabajo-pr-ctico-n-mero-1">
<h1 class="title">Computación Gráfica: Trabajo Práctico Número 1</h1>
<p>La presente aplicación es el resultado del desarrollo del Trabajo Práctico
Número 1 de la materia Computación Gráfica de la Facultad de Ciencias
Exactas y Naturales de la Universidad de Buenos Aires (UBA).</p>
<p>La aplicación fue desarrollada el primer cuatrimestre del año 2009 por:</p>
<ul class="simple">
<li>Pablo Antonio (<a class="reference" href="mailto:pabloa&#64;gmail.com">pabloa&#64;gmail.com</a>)</li>
<li>Marta Ponzoni (<a class="reference" href="mailto:martaponzoni&#64;gmail.com">martaponzoni&#64;gmail.com</a>)</li>
</ul>
<div class="section">
<h1><a id="instalaci-n" name="instalaci-n">Instalación</a></h1>
<p>La aplicación fue desarrollada íntegramente en Python, por lo que es
necesario contar con el compilador/máquina virtual de Python para
poder ejecutarla. La mayoría de las distribuciones de GNU/Linux vienen
con Python instalado.</p>
<p>Para descargar Python, o para hallar más información con respecto a su
instalación, dirigirse al sitio oficial de Python: <a class="reference" href="http://www.python.org/">http://www.python.org/</a></p>
<p>Además, la aplicación requiere los siguientes componentes:</p>
<ol class="arabic simple">
<li>wxPython</li>
<li>PIL (Python Imaging Library)</li>
</ol>
<p>wxPython es la biblioteca de Python &quot;wrapper&quot; para la API/toolkit wxWidgets
(escrita en C++). En las pruebas se utilizó la versión 2.8.8.0 provista por
los repositorios de Ubuntu (2.8.8.0-0ubuntu2). Para instalarla en
Debian/Ubuntu, sólo hace falta usar el comando
<tt class="docutils literal"><span class="pre">sudo</span> <span class="pre">apt-get</span> <span class="pre">install</span> <span class="pre">python-wxgtk2.8</span></tt>. En Windows (u otras plataformas)
hace falta descargar wxPython de su sitio oficial: <a class="reference" href="http://www.wxpython.org/">http://www.wxpython.org/</a></p>
<p>PIL (Python Imaging Library) es la biblioteca que utilizamos para crear
fácil y eficientemente los bitmaps que mostramos por pantalla. En las
pruebas se utilizó la versión 1.1.6 provista por los repositorios de
Ubuntu (1.1.6-3). Para instalar la biblioteca en Debian/Ubuntu sólo hace
falta usar el comando <tt class="docutils literal"><span class="pre">sudo</span> <span class="pre">apt-get</span> <span class="pre">install</span> <span class="pre">python-imaging</span></tt>. Información
sobre la instalación en otras plataformas puede obtenerse en el sitio
oficial de la biblioteca: <a class="reference" href="http://www.pythonware.com/products/pil/">http://www.pythonware.com/products/pil/</a></p>
</div>
<div class="section">
<h1><a id="sobre-la-aplicaci-n" name="sobre-la-aplicaci-n">Sobre la aplicación</a></h1>
<div class="section">
<h2><a id="ejecuci-n" name="ejecuci-n">Ejecución</a></h2>
<p>Para ejecutar la aplicación, debe ejecutarse el archivo main.py (que debería
hallarse en el directorio raíz de la aplicación) con el compilador/máquina
virtual de Python. En GNU/Linux, probablemente baste usar el comando
<tt class="docutils literal"><span class="pre">python</span> <span class="pre">main.py</span></tt>, encontrándonos en la ubicación del archivo en el árbol
de directorios.</p>
</div>
<div class="section">
<h2><a id="organizaci-n-del-c-digo" name="organizaci-n-del-c-digo">Organización del código</a></h2>
<p>Ubicándonos en el directorio raíz de la aplicación (en la ubicación de
main.py) podemos observar los siguientes archivos/directorios:</p>
<ul class="simple">
<li><em>./main.py</em>: En este archivo se encuentra el programa principal. Aquí
se crea la aplicación de wxPython. En el mismo archivo se halla la
clase que define a la ventana que se observará en pantalla.</li>
<li><em>./algorithms/</em>: En este directorio se hallan los algoritmos de Bresenham
y DDA para la graficación de segmentos de rectas. También se encuentran
los algoritmos de scan y clipping de polígonos.</li>
<li><em>./core/</em>: Aquí están las partes principales de la aplicación. En
scenes.py se halla la estructura creada para albergar las escenas,
incluyendo la representación de las primitivas de segmento de recta y
polígonos. En windows.py se halla la definición de una ventana genérica,
la que sirve como base a cualquier ventana presente en la aplicación.
Aquí se encuentra encapsulado el procedimiento de <em>double buffering</em>
utilizado, y lo básico concerniente a la animación en la ventana.</li>
<li><em>./README</em>: Este archivo es el archivo de ayuda que estás leyendo
(directamente, o indirectamente a través de su versión en HTML).</li>
<li><em>./docs/</em>: En este directorio se hallan archivos de documentación de
la aplicación. Entre ellos, una versión en HTML del archivo README.</li>
<li><em>./utils/</em>: En este directorio se hallan, por un lado, los algoritmos
necesarios para la aplicación de transformaciones a puntos de la
pantalla y, por el otro, funciones de conversión entre distintas
representaciones utilizadas para las imágenes. (Estas funciones de
conversión fueron tomadas del wiki de wxPython:
<a class="reference" href="http://wiki.wxpython.org/">http://wiki.wxpython.org/</a>).</li>
<li><em>./segments_test.py</em>: Este programa realiza tests de performance
para los algoritmos de graficación de rectas de Bresenham y DDA. Los
resultados de dichos tests se detallan en el archivo INFORME en ./docs/.</li>
</ul>
</div>
</div>
</div>
</body>
</html>
